/**
 * image.css 
 * 图片样式，主要处理图片垂直居中、水平居中等，并加入价格预设尺寸
 * 
 * dependencies：
 * @require ../base.css
 * 
 * modified by Oscar at 2017/06/05 14:02.
 * 
 */

@import "../components/_base.scss";

/*== 默认:80*80 ==*/
.u_img { display:block; width: 80px; height: 80px; }
.u_img_wrap { display:block; overflow: hidden; height:100%; line-height: 78px; *line-height: 80px;*margin-top:-1px; text-align: center; border: solid 1px #eee; font-size:0; }
.u_img_wrap img { max-height: 100%; max-width: 100%; vertical-align: middle; }

.u_img.nobdr .u_img_wrap{ border:0; }
.u_img.nobdr1 .u_img_wrap{ border-color:transparent; }
/*== 尺寸 ==*/
/* 32*32 */
.u_img_mini { width:32px;height:32px; }
.u_img_mini .u_img_wrap { line-height:30px; *line-height:32px; }

/* 40*40 */
.u_img_xxxs { width:40px;height:40px; }
.u_img_xxxs .u_img_wrap { line-height:38px; *line-height:40px; }

/* 50*50 */
.u_img_xxs { width:50px;height:50px; }
.u_img_xxs .u_img_wrap { line-height:48px; *line-height:50px; }

/* 56*56 */
.u_img_xs { width:56px;height:56px; }
.u_img_xs .u_img_wrap { line-height:54px; *line-height:56px; }

/* 59*59 */
.u_img_xs1 { width:59px;height:59px; }
.u_img_xs1 .u_img_wrap { line-height:57px; *line-height:59px; }

/* 70*70 */
.u_img_sm { width:70px;height:70px; }
.u_img_sm .u_img_wrap { line-height:68px; *line-height:70px; }

/* 90*90 */
.u_img_sm2 { width:90px;height:90px; }
.u_img_sm2 .u_img_wrap { line-height:88px; *line-height:90px; }

/* 100*100 */
.u_img_sm1 { width:100px;height:100px; }
.u_img_sm1 .u_img_wrap { line-height:98px; *line-height:100px; }

/* 120*120 */
.u_img_sm3 { width: 120px;height: 120px; }
.u_img_sm3 .u_img_wrap{ line-height: 118px;*line-height:120px; }
/* 174*174 */
.u_img_md1 { width:174px;height:174px; }
.u_img_md1 .u_img_wrap { line-height:172px; *line-height:174px; }

/* 180*180 */
.u_img_md { width:180px;height:180px; }
.u_img_md .u_img_wrap { line-height:178px; *line-height:180px; }

/* 220*220 */
.u_img_lg { width:220px;height:220px; }
.u_img_lg .u_img_wrap { line-height:218px; *line-height:220px; }

/* 400*400 */
.u_img_large { width:400px;height:400px; }
.u_img_large .u_img_wrap { line-height:398px; *line-height:400px; }
